.beauty-more{
    padding-top: 60rpx;
    .list{
        padding: 0 20rpx;
        .beautycard{
           
            &:nth-child(2n){
                margin-left: 20rpx;
            }
        }
    }
}
.beauty-tab{
    display: flex;
    justify-content: space-between;
    height:88rpx;
    font-size:28rpx;
    padding:0 30rpx;
    line-height: 88rpx;
    background:#fff;
     position: relative;
     top:0;
     left:0;
     right:0;
    &-wrap{
        height:88rpx;
        position: relative;
        z-index:99;
        top:0;
        right:0;
        left:0;
    }
    view{
        box-sizing: border-box;   
        color:#333;
    }
    .on{
        color:$my-main-color;
        border-bottom: 1rpx solid $my-main-color;
    }
}




/deep/ .beauty-order{

    &-list{
        background:#f5f5f5;
        min-height: 100vh;
        padding:0 20rpx;

        .content{
            
            padding-top: 88rpx;
             padding-top: 0;
           
        }   
        .flex{
            display:flex;
            align-items:center;
            position: relative;
        }
        .bottom{
            padding-top:20rpx;
            font-size: 22rpx;
            color:#999;
        }
        .group{
            background:#fff;
            padding:20rpx;
            position: relative;
            margin-top: 20rpx;
            border-radius: 20rpx;
         
            image{
                width: 160rpx;
                height: 160rpx;
                display: block;
                border-radius: 15rpx;
            }

            &-top{
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 30rpx;
                color:#333;
                margin-bottom: 20rpx;
            }
        }  
        .info{
            font-size:24rpx;
            margin-left:30rpx; 
            width: 460rpx;
            position: relative;
           
            .t{
                color:#333;
                line-height: 40rpx;
                font-size:30rpx;
                margin-bottom:10rpx;
                height: 80rpx;
                width: 300rpx;
                text-overflow: -o-ellipsis-lastline;
              
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
                
            }
            .p{
                margin-bottom:5rpx;
                color:#333;
                position: absolute;
                top:0;
                right:0rpx;
                font-size:30rpx;
               
                
            }
            .n{
                color:#666;
                font-size: 24rpx;
            }
        } 
 
        .status{
          
            &_01{
              
                color:#ff3333;
            }
        }
        .btn{
            width:120rpx;
            font-size:24rpx;
            height: 60rpx;
            line-height: 60rpx;
            position: absolute;
            right:20rpx;
            bottom:20rpx;
            border-radius: 8rpx;
            padding:0;
            background: #ff0000;
            color:#fff;    
        }
    }

}


.beauty-order{
    &-search{
        background: #fff;
        
        padding: 20rpx 0;
        font-size: 26rpx;
        margin-bottom: 20rpx;
        &-icon{
            height: 60rpx;
            width: 34rpx;
            position: absolute;
            left:25rpx;
            top:0;
            z-index: 2;
        }
        &-input{
           
            width: 700rpx;
            position: relative;
            margin: 0 auto;
           
            input{
                height: 60rpx;
                border-radius: 30rpx;
                width: 100%;
                background: #f5f5f5;
                padding-left: 85rpx;
                box-sizing: border-box;
            }
        }
    }
}